//入口函数---dom树创建完成后执行
$(function () {
    // 点击“去注册账号”的链接
    $('#link_reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })

    // 点击“去登录”的链接
    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })


    //从layui里获取form对象
    let form = layui.form
    //通过form.verify函数自定义校验规则
    form.verify({
        //通过 数组 自定义里一个pwd校验规则
        pwd: [
            /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
        ],
        // 使用 函数 校验两次密码是否一致的规则
        // 参数：使用了此规则的表单元素值
        //返回值：如果 校验失败，返回错误消息给layui来提示
        //        成功则返回 undefined
        repwd(val) {
            //取出密码框的值
            let strPwd = $('#txtPwd').val().trim()
            //对比 传入的 确认密码框的值
            if (strPwd !== val) return "密码不一致"
        }
    })

    //3. 注册表单提交事件-------------
    //注意：当layui校验通过后 会提交表单 触发表单提交事件
    $('.reg-box>form.layui-form').on('submit', function (e) {
        e.preventDefault();
        //3.1 获取表单数据
        let strData = $(this).serialize();
        //3.2 将数据 异步提交 到 服务器 注册接口
        $.ajax({
            method: 'POST',
            url: '/api/reguser',
            data: strData,
            success(res) {
                //如果注册失败 提示消息 跳出函数
                if (res.status !== 0) return layui.layer.msg(res.message)
                //如果成功 则 提示消息 并切换成登录盒子
                layui.layer.msg(res.message)
                //用代码 模拟 去登录 超链接 被点击（从而切换到登录div显示）
                $('#link_login').trigger('click');
            }
        })
    })
    //4. 登录表单提交事件-------------
    $('.login-box>form.layui-form').on('submit', function (e) {
        e.preventDefault();
        //3.1 获取表单数据
        let strData = $(this).serialize();
        //3.2 将数据 异步提交 到 服务器 注册接口
        $.ajax({
            method: 'POST',
            url: '/api/login',
            data: strData,
            success(res) {
                //如果注册失败 提示消息 跳出函数
                if (res.status !== 0) return layui.layer.msg(res.message)
                //如果成功 则 提示消息 并切换成登录盒子
                layui.layer.msg(res.message, {
                        icon: -1,
                        time: 1500
                    },
                    function () {
                        //将服务器返回的 token 保存到 sessionStorage 中
                        sessionStorage.setItem('token', res.token);
                        //跳转到首页 index.html
                        location.href = 'index.html'
                        // location.assign('url')
                        // location.replace('/index.html') 不记录历史跳转（不能后退）
                    })
            }
        })
    })

})